<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<title>index</title>
		<link rel="stylesheet" href="source/plugins/layui/css/layui.css" />
		<link rel="stylesheet" href="source/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="source/plugins/datatables/jquery.dataTables.min.css" />
		<link rel="stylesheet" href="source/css/system.css" />
	</head>

	<body>
		<div class="admin-submain">
			<div class="layui-tab layui-tab-brief admin-subtab">
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<section class="admin-list-detail ">
							<div class="admin-collapse admin-list-leftpart">
								<div class="float-btnbar">
									<button type="button">预定信息1</button>
									<button type="button">预定信息2</button>
									<button type="button">预定信息3</button>
								</div>
								<div class="admin-colla-item">
									<h2 class="admin-colla-title">
										<i class="fa fa-file-text-o" aria-hidden="true"></i>基本信息
									</h2>
									<div class="admin-colla-content">
										<ul class="info-list">
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">清单编号：</label><div class="info">QD-1001</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">项目名称：</label><div class="info">龙山雅苑</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">项目地点：</label><div class="info">杭州市西湖区龙山大道259号</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">备注：</label><div class="info">无</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">交货日期：</label><div class="info">2017.4.21</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">收货单位：</label><div class="info">中国建设集团</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<label class="name">收货联系人：</label><div class="info">李建军</div>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">联系人电话：</label><div class="info">13758652147</div></span>
											</li>
										</ul>
									</div>
								</div>
								<div class="admin-colla-item">
									<h2 class="admin-colla-title">
										<i class="fa fa-file-text-o" aria-hidden="true"></i>维护信息
									</h2>
									<div class="admin-colla-content">
										<ul class="info-list">
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">录入员：</label><div class="info">王宏波</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">录入时间：</label><div class="info">2017.4.21</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">审核人：</label><div class="info">王秀雅</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">审核时间：</label><div class="info">2017-04-21</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">取消人：</label><div class="info">王海哥</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">取消时间：</label><div class="info">王海哥</div></span>
											</li>
											<li class="info-listbox layui-elip">
												<span class=" detail-tips-hover"><label class="name">备注：</label><div class="info">可以可以</div></span>
											</li>
										</ul>
									</div>
								</div>
								<div class="admin-colla-item">
									<h2 class="admin-colla-title">
										<i class="fa fa-file-text-o" aria-hidden="true"></i>审批流程
									</h2>
									<div class="admin-colla-content">
										<section class="process-wrapper">
											<div class="process-list">
												<div class="process-leftpart"><span class="title">某某审核</span></div>
												<div class="process-rightpart">
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text">同意拒绝</span>
														</div>
														<div class="process-sublist-rightpart">
															<span class="process-info">丫丫呀</span>
															<span class="process-time">2017-5-28 9:20</span>
														</div>
													</section>
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text layui-form">
																<div class="layui-form-item">
																	<div class="layui-input-block">
																		<input type="radio" name="isagree" value="同意" title="同意" checked>
																		<input type="radio" name="isagree" value="拒绝" title="拒绝">
																	</div>
																</div>
															</span>
														</div>
														<div class="process-sublist-rightpart">
															<span class="process-info">丫丫呀</span>
															<span class="process-time">2017-5-28 9:20</span>
														</div>
													</section>
												</div>
											</div>
											<div class="process-list">
												<div class="process-leftpart"><span class="title">部门审核</span></div>
												<div class="process-rightpart">
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text">同意拒绝</span>
														</div>
														<div class="process-sublist-rightpart">
															<span class="process-info">丫丫呀</span>
															<span class="process-time">2017-5-28 9:20</span>
														</div>
													</section>
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text layui-form">
																<div class="layui-form-item">
																	<div class="layui-input-block">
																		<input type="radio" name="isagree2" value="同意" title="同意" checked>
																		<input type="radio" name="isagree2" value="拒绝" title="拒绝">
																	</div>
																</div>
															</span>
														</div>
														<div class="process-sublist-rightpart">
															<span class="process-info">丫丫呀</span>
															<span class="process-time">2017-5-28 9:20</span>
														</div>
													</section>
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text layui-form">
																<div class="layui-form-item">
																	<div class="layui-input-block">
																      <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
																    </div>
																</div>
															</span>
														</div>
													</section>
												</div>
											</div>
											<div class="process-list">
												<div class="process-leftpart"><span class="title">总经理审核</span></div>
												<div class="process-rightpart">
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text">同意拒绝</span>
														</div>
														<div class="process-sublist-rightpart">
															<span class="process-info">丫丫呀</span>
															<span class="process-time">2017-5-28 9:20</span>
														</div>
													</section>
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text layui-form">
																<div class="layui-form-item">
																	<div class="layui-input-block">
																		<input type="radio" name="isagree3" value="同意" title="同意" checked>
																		<input type="radio" name="isagree3" value="拒绝" title="拒绝">
																	</div>
																</div>
															</span>
														</div>
														<div class="process-sublist-rightpart">
															<span class="process-info">丫丫呀</span>
															<span class="process-time">2017-5-28 9:20</span>
														</div>
													</section>
												</div>
											</div>
											<div class="process-list">
												<div class="process-leftpart"><span class="title">下一步任务</span></div>
												<div class="process-rightpart">
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text layui-form">
																<div class="layui-form-item">
																	<div class="layui-input-block">
																		<input type="radio" name="department" value="个科室办理" title="个科室办理">
																	</div>
																</div>
															</span>
														</div>
													</section>
												</div>
											</div>
											<div class="process-list">
												<div class="process-leftpart"><span class="title">任务执行人</span></div>
												<div class="process-rightpart">
													<section class="process-sublist">
														<div class="process-sublist-leftpart">
															<span class="process-text layui-form">
																<div class="layui-form-item">
																	<div class="layui-input-inline">
																      <input type="todo" name="" placeholder="" autocomplete="off" class="layui-input">
																    </div>
																</div>
															</span>
														</div>
													</section>
												</div>
											</div>
											<div class="process-footer">
												<div class="process-leftpart">
													<button class="layui-btn layui-btn-small layui-btn-primary" title="打印">
													  <i class="fa fa-print" aria-hidden="true"></i>
													</button>
													<button class="layui-btn layui-btn-small layui-btn-primary" title="导出">
													  <i class="fa fa-share-square-o" aria-hidden="true"></i>
													</button>
												</div>
												<div class="process-rightpart">
													<button class="layui-btn">转 办</button>
													<button class="layui-btn">暂 存</button>
													<button class="layui-btn">提 交</button>
													<button class="layui-btn">取 消</button>
												</div>
											</div>
										</section>
									</div>
								</div>
							</div>
							<div class="admin-list-rightpart">
								<section>
									<img src="./source/images/process-img.png" alt="process img">
								</section>
							</div>
						</section>
					</div>
				</div>
			</div>
		</div>
		
		<script src="source/plugins/layui/layui.js"></script>
		<script src="source/plugins/datatables/jquery-1.12.4.js"></script>
		<script src="source/plugins/datatables/jquery.dataTables.min.js"></script>
		<script src="source/plugins/datatables/dataTables.fixedColumns.js"></script>
		<script src="source/js/datatables-config.js"></script>
		<script src="source/js/system.js"></script>
		<script>
			layui.use('form', function(){})
		</script>
	</body>

</html>